body {
  padding: 20px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: beige;
}

a {
  text-decoration: none !important;
  color: #00B7FF !important;
}

#menu-button-group {
  position: fixed;
  margin: 20px 0px 0px 0px;
  background-color: rgb(219, 152, 208);
  border-radius: 5px;
  width: 50px;
  z-index: 1059;
}

#trangle-left {
  position: absolute;
  top: 15%;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 15px solid rgb(219, 152, 208);
}

.list-group-item {
  background-color: transparent;
}

.menu-buttons {
  width: 100%;
}

.select-row {
  background-color: #AFEEEE !important;
}

.delete-element {
  cursor: pointer;
  font-weight: bold;
  color: orangered;
}

.add-element {
  cursor: pointer;
  font-weight: bold;
  color: royalblue;
}

.default-element {
  cursor: pointer;
  font-weight: bold;
  color: rgb(25, 187, 98);
}

.edit-element {
  cursor: pointer;
  font-weight: bold;
  color: rgb(211, 178, 31);
  margin-left: 5px;
}

.required {
  color: red;
  font-weight: bold;
  margin-right: 3px;
  margin-top: 1px;
}

.dataTables_length {
  margin: 10px 0px 10px 10px;
}

.dataTables_info {
  margin: 10px 0px 0px 10px;
}

.dataTables_paginate {
  margin-top: 5px;
}

.widget-toolbar {
  color: hsla(253, 20%, 22%, 0.658);
  font-weight: inherit;
}

header {
  font-weight: bold !important;
  color: rgb(58, 109, 83) !important;
}

.modal-header {
  color: rgb(109, 30, 109);
}
